const path = require('path')
const HtmlWebpackPlugin= require('html-webpack-plugin')

module.exports = {
  mode: "none",
  // 定义为对象
  entry: {
    'page1':'./page1/index.js',
    'page2':'./page2/index.js'
  },
  output: {
    // [name] 会被替换成入口的名称
    filename: "[name].bundle.js",
  },
  plugins: [
    //  HtmlWebpackPlugin 默认注入包含了所有打包结果的 html，可以通过 chunks 属性设置
    new HtmlWebpackPlugin({
      title: '页面1',
      template: './page1/index.html',
      filename: 'page1.html',
      chunks: ['page1']
    }),
    new HtmlWebpackPlugin({
      title: '页面2',
      template: './page2/index.html',
      filename: 'page2.html',
      chunks: ['page1']
    })
  ],
  optimization: {
    splitChunks: {
      minSize: 1, // 提取阈值
      chunks: 'all' // 所有的公共模块都提取到 bundle 中
    }
  }
}